<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>农汇购-后台主页</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
<script src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script><title>农汇购-后台主页</title>
<style>
@media ( min-width :768px ) {
	#left_tab {
		width: 250px;
		position: absolute;
		z-index: 1;
		height: 640px;
	}
	.mysearch {
		margin: 10px;
	}
	.page_main {
		margin-left: 255px;
	}
	.dv_content{
		width: 100%;
		height: 500px;
	}
}
</style>
</head>
<body>
	<div style="width: 80%;margin-left: 10%;">
		<nav class="navbar navbar-default navbar-static-top">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#left_tab,#top_right">
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span> 
				<span class="icon-bar"></span>
			</button>
			<a href="#" class="navbar-brand">网站后台管理</a>
		</div>
		<ul id="top_right" class="collapse navbar-collapse nav navbar-nav navbar-right"	style="margin-right: 20px;">
			<li>
				<a href="#">
					<span class="badge"	style="background-color: red;">欢迎,${account.account} </span>
				</a>
			</li>
			<li>
				<a href="/rj2002/user/userloginout?t=1"> 
					<span class="glyphicon glyphicon-off"></span>注销
				</a>
			</li>
		</ul>
		<!--左侧边栏 -->
		<div id="left_tab" style="margin-top: 70px;" class="collapse navbar-default navbar-collapse">
			<ul class="nav panel-group" id="myPanel">
				<!--栏目-->
				<li class="panel">
					<a href="#sub1" data-toggle="collapse" data-parent="#myPanel"> 用户管理
						<span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
					</a>
					<ul id="sub1" class="nav collapse panel-collapse">
						<li>
							<a href="#" id="showUser"> 
								<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;<b>个人信息修改</b>
							</a>
						</li>
						<li>
							<a href="#" id="addUser"> 
								<span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;<b>新增商家</b>
							</a>
						</li>
						<li>
							<a href="#" id="showUser2"> 
								<span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;<b>用户管理</b>
							</a>
						</li>
					</ul>
				</li>
				<li class="panel">
					<a href="#sub2" data-toggle="collapse" data-parent="#myPanel"> 商品类型管理
						<span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
					</a>
					<ul id="sub2" class="nav panel-collapse collapse">
						<li>
							<a href="#" id="showGoodsType"> 
								<span class="glyphicon glyphicon-record"></span>&nbsp;&nbsp;查看商品分类
							</a>
						</li>
						<li>
							<a href="#" id="addGoodsType"> 
								<span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;添加商品分类
							</a>
						</li>
					</ul>
				</li>
				<li class="panel">
					<a href="#sub3" data-toggle="collapse" data-parent="#myPanel"> 商品管理
						<span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
					</a>
					<ul id="sub3" class="nav panel-collapse collapse">
						<li>
							<a href="#" id="showGoods" > 
								<span class="glyphicon glyphicon-record"></span>&nbsp;&nbsp;查看商品
							</a>
						</li>
						<!--<li>
							<a href="#" id="addGoods"> 
								<span class="glyphicon glyphicon-plus"></span>&nbsp;&nbsp;添加商品
							</a>
						</li>-->
					</ul>
				</li>
				<li class="panel">
					<a href="#sub4" data-toggle="collapse" data-parent="#myPanel"> 订单管理
						<span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
					</a>
					<ul id="sub4" class="nav panel-collapse collapse">
						<li>
							<a href="#" id="showOrder"> 
								<span class="glyphicon glyphicon-record"></span>&nbsp;&nbsp;查看订单
							</a>
						</li>
					</ul>
				</li>
				<li class="panel">
					<a href="#sub5" data-toggle="collapse" data-parent="#myPanel"> 轮播图管理
						<span class="glyphicon glyphicon-triangle-bottom pull-right"></span>
					</a>
					<ul id="sub5" class="nav panel-collapse collapse">
						<li>
							<a href="#" id="showLunBo"> 
								<span class="glyphicon glyphicon-record"></span>&nbsp;&nbsp;轮播图
							</a>
						</li>
						<li>
							<a href="#" id="addLunBo"> 
								<span class="glyphicon glyphicon-record"></span>&nbsp;&nbsp;新增轮播图
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		</nav>
		<!--右侧部分-->
		<div class="page_main">
			<script type="text/javascript">
				$("#showUser").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/personMsg");
				})
				$("#showUser2").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/userListJsp2");
				})
				$("#addUser").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/addUserJSP");
				})
				
				$("#showGoodsType").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/getGoodsType");
				})
				$("#addGoodsType").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/goodstypeshowadd");
                 /* $(".dv_content").attr("src","${pageContext.request.contextPath}/getGoodsType?type=add"); */
				})
				$("#showGoods").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/getGoodsList");
				})
				/*$("#addGoods").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/toAddGoods");
				})*/
				$("#showOrder").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/getAllOrder");
				})
				$("#showLunBo").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/showLunBo");
				})
				$("#addLunBo").click(function(){
					$(".dv_content").attr("src","/rj2002/admin/addLunBo");
				})
				
			</script>
			<iframe class="dv_content" style="height:750px" frameborder="0" scrolling="no"></iframe>
		</div>
	</div>
</body>
</html>